<template>
	<view>
	<view style="background-color: #F95738;height: 60rpx;padding-top: 140rpx;">
		<van-tabs color="#F95738" type="card" animated>
		  <van-tab style="font-size: 10rpx;" title="医疗政策">
			  <view class="main">
				  <view class="context" space="nbsp">
				  医疗服务价格调整更加灵敏有度，实现医疗保障和医药服务高质量协同发展;\n全面推广沈阳智慧医保平台，
				  将医保公共服务惠及全市群众......日前，《沈阳市“十四五”医疗保障事业发展规划》发布，这些内容明确写入其中。
				  </view>
				  <view @click="gotoessay1" class="clicktoessay1">
					  <image class="clickbutton" src="/static/click.png"></image>
					  <text style="font-size: 45rpx;margin-left: -60rpx;font-weight: 600;">点击看全文</text>
				  </view>
			  </view>
			  <view class="likefunction">
				  <image class="likebutton" src="/static/like.png"></image>
			  </view>
		  </van-tab>
		  <van-tab title="福利">内容 2</van-tab>
		  <van-tab title="养生">内容 3</van-tab>
		</van-tabs>
<view style="background-color: #F95738;width: 100%;
		height: 120rpx;
		position:fixed;
		bottom: 0;
		display:flex;
		flex-direction:row;
		justify-content:flex-start;">
			<view @click="gotohome" id="button1">
			<image src="/static/home.png" style="width: 60rpx;height: 60rpx;margin-left: 50rpx;margin-top: 10rpx;"></image>
			<view style="margin-left: 47rpx;font-weight: 900;">首页</view>
			</view>
			<view @click="gotorepost" id="button2">
			<image src="/static/repsot.png" style="width: 60rpx;height: 60rpx;margin-left: 230rpx;margin-top: 10rpx;"></image>
			<view style="margin-left: 190rpx;font-weight: 900;">一键转发</view>
			</view>
			<view @click="gotomy" id="button3">
			<image src="/static/my.png" style="width: 60rpx;height: 60rpx;margin-left: 230rpx;margin-top: 10rpx;"></image>
			<view style="margin-left: 230rpx;font-weight: 900;">我的</view>
			</view>
		</view>
	</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
			}
		},
		methods: {
			gotohome(){
				uni.navigateTo({
					url:"/pages/index/index"
				})
			},
			gotorepost(){
				uni.navigateTo({
					url:"/pages/repost/repost"
				})
			},
			gotomy(){
				uni.navigateTo({
					url:"/pages/my/my"
				})
			},
			gotoessay1(){
				uni.navigateTo({
					url:"/pages/essay1/essay1"
				})
			}
			
		}
	}
</script>

<style>
page{
}
.main{
	margin-top: 30rpx;
	margin-left: auto;
	margin-right: auto;
	width: 80%;
	height: 800rpx;
	background-color: #F4D35E;
	border-radius: 20rpx;
}
.context{
	font-size: 50rpx;
	 text-indent: 20rpx;
	 text-align: left;
	 text-indent:2em
}
.clicktoessay1{
	display: flex;
	flex-direction: column;
	margin-left: 400rpx;
}
.clickbutton{
	width: 100rpx;
	height: 100rpx;
}
.likebutton{
	float: right;
	width: 120rpx;
	height: 120rpx;
}
</style>
